.px2rem(@name,@px){
    @{name}: @px / 75px * 1rem 
}
body{
    background: #f4f4f4;
    
}
.iconfont{
    font-family:"iconfont";
    .px2rem(font-size,60);
    font-style:normal;
    
}
.header{
    .px2rem(font-size,30);
    background: white;
    width: 100%;
    .px2rem(height,90);
    box-sizing: border-box;
    padding: 1%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 99;
    position: fixed;
    left: 0;
    top: 0;
    border-bottom: 2px solid #f1f1f1;
    padding: 2%;
    p:nth-child(1){
        .px2rem(font-size,40);
        font-weight: 500;
    }
    p:nth-child(2){
        .px2rem(font-size,20);
        .iconfont{
            font-family:"iconfont";
            .px2rem(font-size,50);
            font-style:normal;
        } 
        i{
            .px2rem(margin-right,40);
        }
    }
}
.main{
    z-index: 60;
    .px2rem(margin-top,90);
    .px2rem(margin-bottom,120);
    width: 100%;
    .my_xinxi{
        width: 100%;
        padding: 2%;
        box-sizing: border-box;
        background: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
        dl{
            width: 90%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            overflow: hidden;
            dt{
                .px2rem(width,120);
                .px2rem(height,120);
                border-radius: 50%;
                img{
                    width: 100%;
                }
            }
            dd{
                margin-left: 4%;
                .px2rem(font-size,30);
                font-weight: 700;
            }
        }
        p{
            width: 10%;
        }
    }
    ._action{
        
        .px2rem(margin-top,20);
        background: white;
        .my_dingdan{
            width: 100%;
            border-bottom: 1px solid #f1f1f1;
            padding: 4%;
            box-sizing: border-box;
            .px2rem(font-size,40);
            .px2rem(line-height,60);
            i{
                display: block;
            }
            i:nth-child(1){
                float: left;
            }
            i:nth-child(2){
                float: left;
                margin-left: 3%;
            }
            i:nth-child(3){
                float: right;
            }
        }
        ._fenlei{
            display: flex;
            justify-content: space-around;
            align-items: center;
            padding-top: 4%;
            padding-bottom: 4%;
            box-sizing: border-box;
            p{
                width: 25%;
                .px2rem(font-size,30);
                a{
                    text-align: center;
                    i{
                        display: block;
                    } 
                    span{
                        display: block;
                        margin-top: 10%;
                    }   
                }
            }
        }
    }
    .my_liquan{
        width: 100%;
        background: white;
        border-bottom: 1px solid #f1f1f1;
        padding: 4%;
        box-sizing: border-box;
        .px2rem(font-size,40);
        .px2rem(line-height,60);
        i{
            display: block;
        }
        i:nth-child(1){
            float: left;
        }
        i:nth-child(2){
            float: left;
            margin-left: 3%;
        }
        i:nth-child(3){
            float: right;
        }
    }
    .my_liquan:nth-child(1){
        .px2rem(margin-top,20);
    }
    .my_liquan:nth-child(3){
        .px2rem(margin-top,20);
    }
}
.footer{
    z-index: 99;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    .px2rem(height,120);
    border-top: 3px solid #f1f1f1;
    background: white;
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #c8c2c2;
    .px2rem(font-size,24);
    dl{
        margin-top: 0%;
        dt{
            .iconfont{
                font-family:"iconfont";
                .px2rem(font-size,50);
                font-style:normal;
                
            }
        }
        dd{
            margin-top: 30%;
        }
    }
    dl:nth-child(4){
        dt{
            color: #ff5958;
        }
        dd{
            color: #ff5958;
        }
    }
}

@font-face {
  font-family: 'iconfont';  /* project id 382649 */
  src: url('//at.alicdn.com/t/font_382649_h583somlf5stt9.eot');
  src: url('//at.alicdn.com/t/font_382649_h583somlf5stt9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_382649_h583somlf5stt9.woff') format('woff'),
  url('//at.alicdn.com/t/font_382649_h583somlf5stt9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_382649_h583somlf5stt9.svg#iconfont') format('svg');
}